<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动场景1图片与文字环绕</title>
		<style>
			img{
				图片脱离文档流--文字包含在图片周边
				float: left;
				margin-right: 50px; /*图片与文字链接处间隙*/
				margin-bottom: 50px;
				margin-top: 50px;
			}
			p{
				font-size: 16px; /*页面默认字体尺寸*/
				line-height: 20px; /*浮动文字，行高无法设定*/
				word-spacing: 5px;
			}
		</style>
	</head>
	<body>
		<img src="img/哪吒.png" alt="魔丸" width="250px" height="250px" />
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis excepturi amet necessitatibus illum tempore delectus, distinctio reprehenderit ducimus deserunt aut illo veritatis facere perferendis doloremque nulla quae et, commodi cupiditate? Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime saepe dolores repellendus ullam vero dolorum expedita cum, vel nobis, aut nisi, error tenetur eveniet suscipit voluptates? Rem deserunt deleniti sapiente. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eos alias reprehenderit saepe voluptatum quae veniam quis incidunt dolore accusantium minima. Commodi, vel saepe adipisci quasi molestiae perferendis a impedit non?</p>
		
	</body>
</html>